/* ----------------------------------------------------
   000 Page blocks and divs
   ---------------------------------------------------- */

ul {margin:0; padding:0; list-style:square; line-height:16px; padding-left:15px;}
.li-beta {left no-repeat; padding:0px;}
li {padding:5px 0 0 5px;}
   
/* +++ 030 LAYOUT of main ID blocks +++ */
#wikibody                { }
#header,
#page                    { margin-left: 20%; }
#header .pagename        { float: left; clear: both; }
#header .searchbox       { float: right; }
#header .breadcrumbs     { clear: both; }
#applicationlogo         { position: absolute; left: 8%; top: 4px; text-align: center; }
/* #applicationlogo      { display: block; } */
#companylogo             { display: none; }
#favorites               { position:absolute; left: 2.5%; width: 18%;
                           padding: 2px;
                           top: 80px; /* make place for the logo */ }
#actionsTop .quick2Top,
#actionsTop .pageInfo    { display: none; }
#actionsBottom .quick2Bottom
                         { display: none; }
#footer                  { margin-left: 20%; }
#footer .copyright       { clear: both; }

/* +++ 020 LOOK and FEEL of main blocks with IDs +++ */
#wikibody                { margin: 4px 2.5% 4px 2.5%; padding: 3px; }
#header                  {  }
#page                    { margin-top: 1.2em; margin-bottom: 1.4em; }
#favorites               { overflow: hidden; }
#favorites .pageactions  { display:none; }
#favorites ul            { margin-left: 0px; }

#actionsTop              { border-bottom: 2px solid #D9D9D9; }
#actionsBottom           { border-top: 2px solid #D9D9D9; }

.pageactions             { font-size: 90%; line-height: normal; text-align: right;
                           margin: 0; padding: 0.25em 0;}

.pageactions a           { background-color: #fff0ff;
                           border: 1px solid silver;
                           line-height: normal; padding: 0.25em 0.5em;
                         }
.pageactions .pageInfo a { background: transparent;
                           border: none;
                           margin: 0; padding: 0;
                         }

#actionsTop a            { border-bottom: none; }
#actionsBottom a         { border-top: none; }
#actionsBottom .quick2Top a,
#actionsTop .quick2Bottom a
                         { border: none; background-color: transparent; }

.pageactions  a:hover    { background-color: pink; }

#actionsBottom .quick2Top a:hover,
#actionsTop .quick2Bottom a:hover
                         { background-color: transparent; }

#footer                  { margin-top: 1ex; }

/* ----------------------------------------------------
   200 Text styles used by all pages
   ---------------------------------------------------- */

/* +++ 210 Page titles, headings, and paragraphs +++ */
.pagename             { font-size: 150%; font-weight: bold; margin: 0.5em 0.5em 0.5em 0; }
.wiki-contents h1                       { font-size: 2.0em; font-weight: normal; margin-top: 0em; margin-bottom: 0em; }

h3 { 
	font-weight: bold; margin: 1.2em 0em .8em 0em; 
	color: #027398;
	font-size: 16px;
	padding: 10px 0 5px 0;
	border-bottom:solid 1px #D9D9D9;
}

h2 {
	font-weight: bold; margin: 1.2em 0em .8em 0em; 
	color: #3aa315;
	font-size: 20px;
	padding: 10px 0 5px 0;
	border-bottom: 1px #D9D9D9 solid; 
}

.wiki-contents h4                       { font-size: 12px; font-weight: bold; margin: 1.2em 0em .8em 0em; }
.wiki-contents h5                       { font-size: 1.0em; font-weight: bold; margin: 1.2em 0em .8em 0em; }
.wiki-contents h6                       { font-size: 0.8em; font-weight: bold; margin: 1.2em 0em .8em 0em; }
.wiki-contents p                        { margin: .75em 0 1em 0; }

/* +++ 220 Lists and bullets +++ */

.wiki-contents dl dt                    { font-weight: bold; font-size: 1.2em; }
.wiki-contents dl dd                    { margin-left: 3em; }

/* +++ 230 Horizontal rules +++ */
.wiki-contents hr                       { color: #D9D9D9; background: #D9D9D9; height: 1px; border: 0 }

/* +++ 240 Pre-formatted text blocks and code +++ */
.wiki-contents tt                       { font-size: 1.2em; margin: 0 .2em; }
pre                      { white-space: pre; margin: 1.5em 2em 1.8em 2em;  font-size: 1.2em; background:  #f0f0f0; padding: .5em .5em .6em .5em; overflow: auto; }
code { font-size: 12px }          
/* +++ 250 Hyperlinks +++ */
a.editpage               { color: #800000; text-decoration: none; border-bottom: 1px dashed red; }
                           
/* +++ 260 Image styles +++ */
.wiki-contents img                      { border: 0; }
.wiki-contents img.inline               { }

/* +++ 270 Footnotes and small text +++ */
.wiki-contents a.footnoteref            { font-size: 85%; vertical-align: super; }
.wiki-contents a.footnote               { color: #0044AA; }
.wiki-contents .small                   { font-size: 85%; }
.wiki-contents .strike                  { text-decoration: line-through; }
.wiki-contents .sub                     { font-size: 85%; vertical-align: sub; }
.wiki-contents .sup                     { font-size: 85%; vertical-align: super; }

/* +++ 280 Convenience styles and info/warning/error dialogs +++ */
.center                  { text-align: center; } 
.center table            { margin-left: auto; margin-right: auto; text-align: left; }
.information,
.warning,
.error                   { display: block;
                           padding: 1em 1em 1em 2.5em;
                           margin: 1em .5em;
                           background-position: .8em .9em;
                           background-repeat: no-repeat; }
.information             { background-image: url(images/information.png);
                           background-color: #e0e0ff; }
.warning                 { background-image: url(images/exclamation.png);
                           background-color: #ffff80; }
.error                   { background-image: url(images/error.png); 
                           background-color: #ffe0e0; }
.error * li              { margin-left: 0; padding-left: 0; }

.ltr                     { direction: ltr; }
.rtl                     { direction: rtl; }

/* +++ 290 Comment boxes (used on some pages) +++ */
.commentbox              { float:right; width: 20%; border-style: inset;
                           background: #f0f0f0; padding: 4px; margin-left: 4px; }
.commentbox ul, .commentbox ol
                         { padding-left: 1em; margin-left: 4px; }

/* +++ 300 Wiki tables and zebra tables +++ */
.wikitable               { border-spacing: 0; 
                           margin: 1.5em 2em 1.8em 2em;  
						   background-color:#fff;
						   border: 0px;
						   }
.wikitable * tr th       { font-size: 100%; 
                           padding: .5em .7em .5em .7em;
	                       border-left: 1px solid #666666;
	                       background-color: #027398;
	                       vertical-align: bottom;
	                       color: #ffffff;
	                       empty-cells: show; }
.wikitable * tr td       { 
                           padding: .4em .7em .45em .7em;
	                       border: 1px solid #3aa315;
	                       vertical-align: top;
	                       empty-cells: show; }
.wikitable * tr.odd td   { background-color: #D8E4F1; }

.zebra-table th          { background:  #e0e0e0; }
.zebra-table tr.odd td   { background:  #e3f0ee; }

/* +++ 350 Attachments +++ */
#attachments             { }
#attachments .list       { float: left; min-width: 300px; }
#attachments .preview    { float: right; }
#attachments * table     { width: 40em; }
#attachments h3          { border-bottom: 1px solid grey; }

/* ----------------------------------------------------
   400 Styles for specific JSPs
   ---------------------------------------------------- */

/* +++ 405 AttachmentTab +++ */
#attachImg               { margin:0; vertical-align: middle; text-align: center;
                           height: 300px; width: 300px; 
                           border: 4px solid #e0e0e0; }
#attachSelect            { margin: 0.5em 0; }

/* +++ 410 CommentContent +++ */
#addcomment              { }

/* +++ 415 CommentContent and PageContent +++ */
#pagecontent             { }

/* +++ 420 DiffContent and Diff Providers: Traditional and External +++ */
#diffcontent             {  }
td.diffadd               { background: #99FF99; font-family: monospace; }
td.diffrem               { background: #FF9933; font-family: monospace; }
td.diff                  { background: #FFFFFF; font-family: monospace; }

/* +++ 425 Edit/EditContent and CommentContent +++ */
body.edit                { background-color: #D9E8FF; } /* Edit.jsp BODY element */
body.comment             { background-color: #EEEEEE; } /* Comment.jsp BODY element */
#edithelp                {  }

/* +++ 430 Edit/EditContent +++ */
textarea.editor          { }
#editcontent             {  }
#searchbar               { margin: 1em 0; }
#searchbarhelp           {  }
                           
/* +++ 440 Favorites +++ */
.boxtitle                { padding: 0.25em; text-align: center;
                           border-bottom: 1px solid black; }
.myfavorites             { margin-bottom: 1.5ex; 
                           border: 1px outset grey; 
                           padding: .5em;}
.myfavorites .boxtitle   { margin-bottom: 0.5ex;
                           margin-top: 0.5ex;
                           font-size: 100%; }
.username                { font-style: italic; }

/* +++ 445 Favorites and Footer +++ */
.wikiversion, .rssfeed   { padding: 1em 0; 
                           text-align: center; }

/* +++ 450 FindContent +++ */
.graphBars               { }
.graphBar                { background: #ff9933; color: #ff9933; }
.gBar                    { white-space: nowrap; }

/* +++ 455 Footer +++ */
.copyright               { }

/* +++ 460 Header +++ */
.breadcrumbs             { font-size: 85%;
                           padding: 0 1.5em 0.5em 0em; }

/* +++ 465 InfoContent +++ */
#infocontent             { overflow: auto; }
#infocontent tr          { vertical-align: top; }
#infocontent th          { text-align: left; white-space: nowrap;  }
#referingto,
#referencedby,
#versionhistory          {  }
#versionhistory td       { white-space: nowrap; }
#infocontent .changenote { font-style: italic; }

/* +++ 470 PageActions +++ */
.pageInfo                { font-style: italic; padding: .5em 0; }
.quick2Top a             { background-image:url(images/bulletUp.png);
                           background-repeat: no-repeat; background-position: 0 1px;
                           padding: 0 8px 12px 0; 
                           text-decoration: none; }
.quick2Bottom a          { background-image:url(images/bulletDown.png);
                           background-repeat: no-repeat; background-position: 0 0;
                           padding: 0 8px 12px 0;
                           text-decoration: none; }

/* +++ 475 PreviewContent - "This is a preview" comment +++ */
.previewcontent          { padding: 1em; }

/* +++ 480 PreferencesContent, LoginContent, GroupContent +++ */
div.formcontainer        { width: 440px; margin: 20px 0 0 0; }
div.formcontainer form   { border-bottom: 2px solid silver; }
div.formcontainer div.block
                         { vertical-align: top;
                           padding: 10px 0px;
                           border-top: 1px solid silver; }
div.formcontainer form label 
                         { width: 120px; float: left;
                           padding-top: .25em; margin: 0 10px; }
div.formcontainer input  { padding: 0.15em; }
div.formcontainer input[type='submit'] 
                         { width:auto; margin-right: 1em; float:right }
div.formcontainer textarea 
                         { padding: 0; width:65%; margin: 0 0 0 140px;  }
div.formcontainer .instructions
                         { margin: 0.5em 0; }
div.formcontainer .description
                         { margin: 0.5em 10px 0.5em 140px; font-style: italic; }
div.formcontainer .readonly
                         { margin: 0 10px 0.5em 140px; }

/* +++ 485 SearchBox +++ */
#searchboxMenu           { padding: 4px;
                           position: absolute; background: white;
                           border: 1px solid silver; }
#recentSearches          { margin: 0.5em 0 0 0.5em; color: silver; }
#recentSearches div      { color: black; cursor: pointer;}
.searchbox               { margin: 1em 0.5em 0.5em 0.5em; }

/* +++ 490 ViewTemplate +++ */
body.view                { background-color: white; }   /* Wiki.jsp BODY element */

/* +++ 495 EditorBar in Edit.jsp +++ */
#editorbar            { float:right; 
                        border-style: solid;
                        border-width: 1px;
                        border-color: #A8A8A8;
                        background: #f0f0f0; 
                        padding: 2px; }


/* ----------------------------------------------------
   600 JSPWiki plugins
   ---------------------------------------------------- */

/* +++ 610 Image plugin +++ */
.imageplugin             { margin: .5em; }
.imageplugin img         { border: 0; }
.imageplugin caption     { }

/* +++ 620 Index plugin +++ */
div.index                { }
div.index .header        { padding: 4px; background: #f0f0f0; }
div.index .body          { }
div.index .section a     { display: block; padding: 0 0.25em;   
                           color:black;
                           font-weight: bold; text-decoration: none; }

/* +++ 625 Table of contents plugin +++ */
.toc                     { background: #edf3fe; padding: .75em; }
.toc h4                  { margin-top: 0px; }
.toc ul                  { list-style: none; margin-left: 0; padding-left: 0; }
.toc li                  { padding-left: 0; display: block; }
.toc li.toclevel-1       { margin-left: 0.5em; }
.toc li.toclevel-2       { margin-left: 1.5em; }
.toc li.toclevel-3       { margin-left: 2.5em; }

/* +++ 630 Weblog and weblogarchive plugins +++ */
.weblog                  { }
.weblogentry             { margin: 1em 0 2em 0; }
.weblogentryheading      { color: #999999; margin-top: 2em; 
 	                         border-bottom: 1px #D9D9D9 solid;}
.weblogentrytitle        { font-size: 1.5em; font-weight: bold; 
                           margin: 0.5em 0 .8em 0; }
.weblogentrybody         { }
.weblogentryfooter       { font-style: italic; margin-top: 1em; clear: both; }
.weblogentryfooter a     { font-style: normal; margin-left: 0.5em; }
.weblogarchive           { }
.weblogarchive ul        { margin-top: 0px;
                           padding: 0px; }
.weblogarchive li        { display: block; list-style-type: none; margin-left: 1em; }
.archiveyear             { font-weight: bold; text-decoration: none;
                           margin-left: 0px !important; }
.archiveyear:after       { content: " AD" }

/* +++ 640 RecentChangesPlugin +++ */

.recentchanges           { }
.recentchanges .changenote { font-style: italic; }

/* ----------------------------------------------------
   800 JSPWiki JSP Taglibs
   ---------------------------------------------------- */
   
/* +++ 805 CalendarTag +++ */
div.calendar             { border: 1px solid black; }
table.calendar           { }
table.calendar td        { text-align: center; }
table.calendar td.othermonth
                         { color: #707070; }
table.calendar td.link   { background: #E0E0E0; }
table.calendar tr.month  { }
table.calendar tr.weekdays
                         { color: #FF0000; }

/* +++ 810 The CSS Styles for the Contextual diff provider +++ */
.diff-wikitext           { margin: 10px; padding: 5px; 
                           border-width: thin; border-style:inset; 
                           font-family: monospace;  }
.diff-insertion          { background: #ddffdd; 
                           text-decoration:  none; color: #8000ff; } 
.diff-deletion           { background: #ffdddd; 
                           text-decoration: line-through; color: red; } 
.diff-nextprev           { vertical-align: super; text-decoration: none; }

/* ----------------------------------------------------
   900 "Special-effects" JavaScript styles
   ---------------------------------------------------- */
   
/* +++ 905 Search highlights +++
   For the search_highlight.js.  This style defines the how the words that have
   been found look like.  If you look for "thingy", you will get these following
   in the results.
   <span class="searchword">thingy</span>
 */
.searchword              { background-color: #FFFF00; color: black; 
                           text-decoration: inherit; }

/*
 * For fragments in search results (from FindPage), and the search match
 * within a fragment. 
 */
.fragment                { margin-left: 1em; font-size: 90%; }
.fragment_ellipsis       { font-weight: bold; }
/* .searchmatch             { background-color: yellow; } Too strong ? */
.searchmatch             { font-weight: bold; }

/* +++ 910 Tabbed Pages +++ */
/* use absolute position trick to avoid page bump when inserting tabmenu */
.tabs                    { margin: 0; padding: 1em;
                           border: 1px solid gray; border-top: none; }
.tabmenu                 { margin: 0; padding: 0.25em 0 0.25em 1em;
                           border-bottom: 1px solid gray; }
.tabmenu span            { margin: 0; padding: 0; overflow: hidden; }
.tabmenu span a          { color: grey; background: #dddddd;
                           margin: 0 0 0 -1px; padding: 0.25em 0.5em;
                           text-decoration: none; cursor: pointer;
                           border: 1px solid gray; border-bottom:none; }
.tabmenu .activetab      { color: black; background: white;
                           font-weight: bold;
                           border-bottom: 1px solid white; cursor: default;  }
.edit .tabmenu a         { background: white; }
.edit .tabmenu .activetab
                         { background: #D9E8FF; border-bottom: 1px solid #d9e8ff;}
.tabmenu .alerttab a, .edit .tabmenu .alerttab a
                         { color: white; background: red; }
.tabmenu .alerttab .activetab, .edit .tabmenu .alerttab .activetab
                         { color: red; background: #D9E8FF;
                           border-bottom: 1px solid #d9e8ff; }

/* +++ 920 Collapsable lists +++ */
div.collapse ul,
div.collapse ol          { margin-left: 1.5em; padding:0; }
div.collapse * ul,
div.collapse * ol        { margin-left:0 ; padding-left: 1.5em; }
     
div.collapse li          { list-style: none; position: relative; }

/* relative to the containing LI */     
.collapseBullet,
.collapseOpen,
.collapseClose           { position: absolute; left: -1.5em;
                           font-weight: bold; color: blue;
                           font-family: Verdana, sans-serif; }
.collapseOpen,
.collapseClose           { cursor: pointer; }

.collapseOpen:hover,
.collapseClose:hover     { background: #FF9933; color: white; }

.collapse .collapseBullet,
.collapse .collapseOpen,
.collapse .collapseClose { left: -1.5em !important; right: auto !important; }

/* collapsebox */
.collapsebox             { border: 1px solid gray; position:relative; margin: 1em 0;}
.collapsebox h2,
.collapsebox h3,
.collapsebox h4          { margin: 0; padding: 0.25em 0.5em; }
.collapsebody            { margin: 0.5em 1em;  }

.toc .collapsebox        { border: 0; margin: 0; }

.collapsebox .collapseOpen,
.collapsebox .collapseClose
                         { top:0; left:auto; right:0.5em;
                           font-size: 13px; }
.collapsebox .quicklinks { display: none; }

/* +++ 930 Sortable tables +++ */
.sortable .sort,
.sortable .sortAscending,
.sortable .sortDescending
                         { cursor: pointer;
                           background-color: #f0f0f0;
                           background-repeat: no-repeat; 
                           background-position: 0.25em 50%; }
.sortable .sortAscending { background-image: url(images/bulletDown.png); }
.sortable .sortDescending
                         { background-image: url(images/bulletUp.png); }

/* ----------------------------------------------------
   1000 Miscellaneous Cross-Browser Hackery
   ---------------------------------------------------- */
   
/* Use as div 'block enclosure' to clear floats properly. This works across browsers
   (even IE). Also known as the Wyke-Smith/Alsett/Holly 'clearfix' hack */
.block:after             { content: "."; display: block; height: 0; 
                           clear: both; visibility: hidden; }
.block                   { display: inline-block; }
* html .block            { height: 1%;}
.block                   { display: block; }

/* information macros */
.noteMacro { border-style: solid; border-width: 1px; border-color: #F0C000; background-color: #FFFFCE; }
.warningMacro { border-style: solid; border-width: 1px; border-color: #c00; background-color: #fcc; }
.infoMacro { border-style: solid; border-width: 1px; border-color: #3c78b5; background-color: #D8E4F1; }
.tipMacro { border-style: solid; border-width: 1px; border-color: #090; background-color: #dfd; }

.highlightMacro {
 	border: 1px dashed #3c78b5;
    font-size: 11px;
    background-color: #f0f0f0;
	padding-left: 5px;
}